<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="./css/goods.css">
    <link rel="stylesheet" type="text/css" href="./css/goods_preview.css">
    <title>商品详情预览</title>
</head>

<body>
	<!--<div class="buy-header" id="buyHeader">
      	<span class="buy-head-back">
      		<img src="../../../image/shop/buy/buy-04.png"/>
      	</span>
      	<span class="buy-head-cart">
      		<img src="../../../image/shop/buy/buy-05.png"/>
      	</span>
      	<span class="buy-head-nav">
      		<img src="../../../image/shop/buy/buy-06.png"/>
      		<i>12</i>
      	</span>
  	</div>-->
  	<div class="container">
  		<div class="swiper-container">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide">
		        	<img src="../../../image/shop/buy/buy-01.jpg"/>
		        </div>
		        <div class="swiper-slide">
		        	<img src="../../../image/shop/buy/buy-01.jpg"/>
		        </div>
		        <div class="swiper-slide">
		        	<img src="../../../image/shop/buy/buy-01.jpg"/>
		        </div>
		    </div>
		    <div class="swiper-number">
		    	<span>1</span>/3
		    </div>
		</div>
  		<div class="goods-info">
			<h2>商品标题，商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题</h2>
			<b>¥245.00</b>
			<p>库存122 <span><img src="../../../image/shop/buy/buy-12.png"/>广州</span></p>
  		</div>
		<ul class="goods-select-ul">
			<li class="goods-serve" @click="goodsServer">
				<sapn><img src="../../../image/shop/buy/buy-13.png"/>七天无理由</sapn>
				<sapn><img src="../../../image/shop/buy/buy-13.png"/>质量保证</sapn>
				<i></i>
			</li>
			<li class="goods-coupon" @click="goodsCoupon">
				<b>领券</b>
				<span><u>店铺优惠券</u>满188减50；满288减80；满388减100；</span>
				<i></i>
			</li>
			<li class="goods-type" @click="goodsType">
				<b>请选择型号</b>
				<i></i>
			</li>
		</ul>
		<div class="goods-detail">
			<ul class="goods-detail-tab">
				<li class="active">产品详情</li>
			</ul>
			<div class="goods-detail-list">
				<div class="goods-detail-imgTxt active">
					<p>科颜氏携手科颜氏爱心大使陈冠希，启动2018亚马逊白泥净肤面膜“YELL OW CAPTAIN熊猫队长”限量版公益活动。呼吁大</p>
					<img src="../../../image/shop/shop_goods.jpg"/>
					<p>科颜氏携手科颜氏爱心大使陈冠希，启动2018亚马逊白泥净肤面膜“YELL OW CAPTAIN熊猫队长”限量版公益活动。呼吁大</p>
					<p>科颜氏携手科颜氏爱心大使陈冠希，启动2018亚马逊白泥净肤面膜“YELL OW CAPTAIN熊猫队长”限量版公益活动。呼吁大</p>
					<img src="../../../image/shop/buy/buy-01.jpg"/>
					<p>科颜氏携手科颜氏爱心大使陈冠希，启动2018亚马逊白泥净肤面膜“YELL OW CAPTAIN熊猫队长”限量版公益活动。呼吁大</p>
				</div>
			</div>
		</div>
		<!--<div class="goods-serve-detail goods-pop" ref="goodsServeDetail">
			<div class="goods-pop-bg" @click="goodsServeDetailBg"></div>
			<ul class="goods-pop-main">
				<li>
					<span></span>
					<h2>七天无理由</h2>
					<p>
						满足7天无理由退换货申请的前提下，包邮商品需要买家 承担退货邮费，非包邮商品需要买家承担发货和退货邮 费。
					</p>
				</li>
				<li>
					<span></span>
					<h2>质量保证</h2>
					<p>
						满足7天无理由退换货申请的前提下，包邮商品需要买家 承担退货邮费，非包邮商品需要买家承担发货和退货邮 费。
					</p>
				</li>
			</ul>
		</div>
		<div class="goods-coupon-detail goods-pop" ref="goodsCouponDetail">
			<div class="goods-pop-bg" @click="goodsCouponDetailBg"></div>
			<div class="goods-pop-main">
				<h2>店铺优惠</h2>
				<ul>
					<li>
						<div>
							<span><i>¥</i>50</span>
							<p><i>订单金额满188元可使用 有效期</i> 2018.04.03-2018.05.31</p>
						</div>
						<a href="javascript:void(0);"><span>领<br />取</span></a>
					</li>
					<li>
						<div>
							<span><i>¥</i>50</span>
							<p><i>订单金额满188元可使用 有效期</i> 2018.04.03-2018.05.31</p>
						</div>
						<a href="javascript:void(0);"><span>领<br />取</span></a>
					</li>
				</ul>
			</div>
		</div>
		<div class="goods-type-detail goods-pop" ref="goodsTypeDetail">
			<div class="goods-pop-bg" @click="goodsTypeDetailBg"></div>
			<div class="goods-pop-main">
				<div class="type-title">
					<div class="img">
						<img src="../../../image/shop/buy/buy-03.jpg"/>
					</div>
					<h2>¥245.00</h2>
					<p>库存：233</p>
				</div>
				<div class="sizeColor">
					<h2>型号尺寸</h2>
					<ul>
						<li>水蜜桃</li>
						<li class="active">芒果</li>
						<li class="disabled">芦荟</li>
						<li>柠檬</li>
					</ul>
				</div>
				<div class="plusMiuns">
					<h2>数量</h2>
					<div class="plus-miuns-input">
						<a href="javascript:void(0);" class="disabled">-</a>
						<input type="text" name="" value="1" />
						<a href="javascript:void(0);">+</a>
					</div>
				</div>
			</div>
		</div>-->
		<!--<div class="googds-footer-nav">
			<a href="javascript:void(0);" class="goods-nav-sell">
				<img src="../../../image/shop/buy/buy-10.png"/><span>客服</span>
			</a>
			<a href="javascript:void(0);" class="goods-nav-collect">
				<img src="../../../image/shop/buy/buy-11.png"/><span>收藏</span>
			</a>
			<a href="javascript:void(0);" class="goods-nav-cart">
				加入购物车
			</a>
			<a href="javascript:void(0);" class="goods-nav-buy">
				立即购买
			</a>
		</div>-->
  	</div>
</body>
<script data-main="../../main" src="../../require.js" type="text/javascript"></script>
<!--<script type="text/javascript" src="./js/afterMoney.js" async="true"></script>-->
</html>
